import React from "react";
import styles from "./index.module.scss";
import aImage from "../../images/daikuan.svg";
import bImage from "../../images/zhangdan.svg";
import cImage from "../../images/zichanlingyong.svg";
import dImage from "../../images/yinhangqiaguanli.svg";
import { TriangleDown } from "@nutui/icons-react";

function Index() {
  return (
    <div className={styles.container}>
      <div className={styles.title}>晚上好</div>
      <div className={styles.subTitle}>鸿欣普惠为您服务</div>
      <div className={styles.card}>
        <div>
          <img src={cImage} alt="" srcset="" />
          <span>还款账单</span>
          <TriangleDown width="10px" style={{ transform: "rotate(270deg)" }} />
        </div>
        <div>
          <img src={bImage} alt="" srcset="" />
          <span>借还记录</span>
          <TriangleDown width="10px" style={{ transform: "rotate(270deg)" }} />
        </div>
        <div>
          <img src={aImage} alt="" srcset="" />
          <span>我的贷款</span>
          <TriangleDown width="10px" style={{ transform: "rotate(270deg)" }} />
        </div>
        <div>
          <img src={dImage} alt="" srcset="" />
          <span>银行卡管理</span>
          <TriangleDown width="10px" style={{ transform: "rotate(270deg)" }} />
        </div>
      </div>
    </div>
  );
}

export default Index;
